import React from 'react'
import ReactDOM from 'react-dom/client'
const root = ReactDOM.createRoot(document.getElementById('root'))

class Hello extends React.Component {
  handleClick(e) {
    // e:事件对象
    // e是react内部处理合成后的对象，与原生的不同的，只是用法基本差不多
    // e.preventDefault()是阻止默认行为
    e.preventDefault()
    console.log(e)
  }
  render() {
    return (
      <>
        <a href="http://itcast.cn/" onClick={this.handleClick}>
          点击我跳转
        </a>
      </>
    )
  }
}
root.render(
  <>
    <Hello></Hello>
  </>
)
